<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Mua~亲亲宠————已发布宠物</title>
<link rel="stylesheet" href="css/style.css" />

<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bootstrap-table.min.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/bootstrap-table.min.js"></script>

<script type="text/javascript" src="js/bootstrap-table-zh-CN.min.js"></script>
</head>

<body>
	<%@ include file="/WEB-INF/jsp/top.jspf"%>
	<div class="title"></div>
	<div class="container  col-sm-offset-1  col-sm-10">
		<div class="page-header" style="color:#000099">
			<h3>
				我的宠物<small> 筛选：<label class="radio-inline"> <input
						type="radio" name="sellstate" value="0" checked
						onclick="refresh()"> 全部 </label><label class="radio-inline">
						<input type="radio" name="sellstate" value="1" onclick="refresh()">
						未出售 </label><label class="radio-inline"> <input type="radio"
						name="sellstate" value="2" onclick="refresh()"> 已卖出 </label> </small>
			</h3>
		</div>
		<div class="container  col-sm-offset-1  col-sm-10">
			<table id="myPetTable" class="table table-striped">

			</table>
		</div>
	</div>
	<script type="text/javascript">
		$('#myPetTable')
				.bootstrapTable(
						{
							url : 'pet/listPetBySelf.do',
							pagination : true, // 是否显示分页（*）
							queryParams : {
								state : $("input[name='sellstate']:checked")
										.val()
							},// 传递参数（*）
							sidePagination : "client", // 分页方式：client客户端分页，server服务端分页（*）
							pageNumber : 1, // 初始化加载第一页，默认第一页
							pageSize : 10, // 每页的记录行数（*）
							pageList : [ 5, 10, 25 ], // 可供选择的每页的行数（*）
							responseHandler : function(res) {
								return res.petList;
							},
							showColumns : true,
							columns : [
									{
										title : '序号',
										field : 'no',
										align : 'center',
										valign : 'middle',
										formatter : function(value, row, index) {
											return index + 1;
										}
									},
									{
										title : '标题',
										field : 'title',
										align : 'center',
										valign : 'middle'
									},
									{
										title : '名字',
										field : 'name',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : '性别',
										field : 'sex',
										align : 'center',
										valign : 'middle',
										visible : false,
										formatter : function(value) {
											if (value == null || value == '0') {
												return "未知";
											} else if (value == '1') {
												return "公";
											} else if (value == '2') {
												return "母";
											}
										}
									},
									{
										title : '类别',
										field : 'type',
										align : 'center',
										valign : 'middle',
										formatter : function(value) {
											if (value == '1') {
												return "猫";
											} else if (value == '2') {
												return "狗";
											}
										}
									},
									{
										title : '品种',
										field : 'variety',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : '价格',
										field : 'price',
										align : 'center',
										valign : 'middle'
									},
									{
										title : '颜色',
										field : 'color',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : '状态',
										field : 'buyerId',
										align : 'center',
										valign : 'middle',
										visible : false,
										formatter : function(value) {
											if (value == null || value == 0) {
												return "在售中";
											} else {
												return "已卖出";
											}
										}
									},
									{
										title : '所在地',
										align : 'center',
										valign : 'middle',
										visible : false,
										formatter : function(value, row) {
											return row.province + row.city;

										}
									},
									{
										title : '发布时间',
										field : 'createTime',
										align : 'center',
										valign : 'middle',
										formatter : function(value) {
											if (!isNaN(value)) {
												var Timestamp = new Date(value);
												return Timestamp
														.toLocaleDateString();
											}
										}
									},
									{
										title : '状态',
										field : 'buyerId',
										align : 'center',
										valign : 'middle',
										formatter : function(value) {
											var str = "未出售";
											if (value != null && value != 0) {
												str = "已卖出";
											}
											return str;
										}
									},
									{
										title : '操作',
										align : 'center',
										formatter : function(value, row, index) {
											var showbtn = '<a href="pet/showPetDetail.do?id='
													+ row.id
													+ '"><button class="btn btn-sm  btn-info">查看</button></a> ';
											var editbtn = '<a href="pet/editPet.do?pet_id='
													+ row.id
													+ '"><button class="btn btn-sm  btn-info">编辑</button></a> ';
											var deletebtn = '<button class="btn btn-sm  btn-info" onclick="deletePet('
													+ row.id + ')">删除</button>';
											return showbtn + editbtn
													+ deletebtn;
										}
									} ]
						});
		function refresh() {
			$('#myPetTable').bootstrapTable('refresh', {
				query : {
					state : $("input[name='sellstate']:checked").val()
				}
			});
		}
		function deletePet(id) {
			$.ajax({
				url : "pet/deletePet.do",
				type : "POST",
				data : {
					pet_id : id
				},
				success : function(result) {
					if (result.msg == 'error') {
						$(".modal-body").html(result.errorMsg);
						$("#topModal").modal("show");
					} else if (result.msg == 'success') {
						$(".modal-body").html("删除成功");
						$("#topModal").modal("show");
						refresh();
					}
				}
			});
		}
	</script>
</body>
</html>
